<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <div id="app">
        <div class="floor" v-for="(floor,index) in floors">
            <h3>
                {{ floor.title }}
            </h3>
            <img :src="floor.thumb" width="300" alt="">
            <ul>
                <li v-for="(item,index2) in floor.items">
                    <h5>{{item.itemName}}</h5>
                    <p>{{item.itemPrice}}</p>
                </li>
            </ul>
        </div>
    </div>
    <script src="./vue.js"></script>
    <script>
        const vm = new Vue({
            el: "#app",
            data: {
                floors: [
                    {
                        title: "手机",
                        thumb: "https://img.tupianzj.com/uploads/210123/37-210123151UY24.jpg",
                        items: [
                            {
                                itemName: "小米11",
                                itemPrice: 200
                            },
                            {
                                itemName: "商品2",
                                itemPrice: 200
                            },
                            {
                                itemName: "商品3",
                                itemPrice: 200
                            },
                        ]
                    },
                    {
                        title: "电视",
                        thumb: "https://img.tupianzj.com/uploads/210106/37-210106150121514.jpg",
                        items: [
                            {
                                itemName: "电视1",
                                itemPrice: 200
                            },
                            {
                                itemName: "电视3",
                                itemPrice: 200
                            },
                            {
                                itemName: "电视3",
                                itemPrice: 200
                            },
                        ]
                    }
                ]
            }
        });

    </script>
</body>

</html>